.command__wrapper_container {
  width: 606px;
  position: absolute;
  z-index: 2000;
  top: 55px;
  right: 10px;
  background: rgb(255, 255, 255, 0.5);
  /*padding: 10px 20px;*/
  border-radius: 5px;
  box-shadow: 1px 3px 10px 0px #909399;

  .el-header {
    text-align: center;
    font-size: 15px;
    background-color: rgb(42, 130, 228);
    line-height: 45px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #ffffff;


    .svg-icon {
      width: 25px;
      height: 25px;
      position: absolute;
      left: 5px;
      top: 10px;
    }

    .el-icon-circle-close {
      position: absolute;
      right: 5px;
      top: 10px;
      font-size: 25px;
      cursor: pointer;
    }
  }

  ::v-deep .el-main .el-form {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #f8f8f9;
    padding: 5px;

    .el-form-item {
      margin-top: 5px;
      margin-bottom: 5px;
      width: 48%;
    }
  }

  .pagination-container {
    height: auto;

    ::v-deep.el-pagination {
      position: inherit;
    }
  }

  .body__wrapper_container {
    height: calc(100vh - 245px);
    overflow-y: scroll;
    padding-right: 10px;

    .list__wrapper_container {
      padding-top: 15px;

      .list__item_container {
        border: 1px solid #DCDFE6;
        border-radius: 5px;
        margin-bottom: 10px;
        cursor: pointer;

        .item__detail_container {
          padding: 15px 10px 15px 10px;
          display: flex;
          display: -webkit-flex;
          display: -moz-flex;
          display: -o-flex;

          .avatar {
            width: 100px;
            height: 110px;
            border-radius: 3px;
            background: #909399;

            img {
              object-fit: cover;
              width: 100px;
              height: 110px;
              border-radius: 3px;
            }
          }

          .content__wrapper_container {
            margin-left: 10px;
            width: calc(100% - 110px);

            .title {
              font-weight: bold;
              font-size: 14px;
            }

            .content__item_v1_container {
              margin-top: 10px;
              display: flex;
              display: -webkit-flex;
              display: -moz-flex;
              display: -o-flex;
              align-items: flex-start;

              .text {
                width: 60px;
              }

              .value {
                width: calc(100% - 60px);
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                word-wrap: break-word;
              }

              .text_v2 {
                width: 80px;
                font-size: 13px;
              }

              .value_v2 {
                width: calc(100% - 80px);
                font-size: 13px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                word-wrap: break-word;
              }
            }
          }
        }

        .content__operating_container {
          padding: 0px 10px 0 10px;
          height: 35px;
          border-top: 1px solid #DCDFE6;
          display: flex;
          display: -webkit-flex;
          display: -moz-flex;
          display: -o-flex;
          align-items: center;
        }
      }

      .list__item_container:last-child {
        margin-bottom: 0px;
      }

      .list__item_container:hover {
        border: 1px solid #409EFF;
      }
    }

    .query__wrapper_container {
      padding: 15px 0px 15px 0px;
      border-bottom: 2px solid #EBEEF5;

      .query-item {
        margin-bottom: 10px;
      }

      .query-item:last-child {
        margin-bottom: 0px;
      }
    }

    .statistics__wrapper_container {
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -o-flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 2px solid #EBEEF5;
      height: 40px;

      .count {
        font-size: 16px;
        color: #E6A23C;
      }
    }
  }

  .foot__wrapper_container {
    padding-top: 10px;
  }
}

.commandMAP {
  position: relative;
  height: calc(100vh - 101px);
}

.command__detail__wrapper {
  .hr_line {
    margin-top: 10px;
    border-top: 1px solid #EBEEF5;
  }

  .dian {
    width: 6px;
    height: 6px;
    background: #409eff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 3px;
  }

  .detail__v1_container {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;

    .avatar {
      width: 100px;
      height: 110px;
      border-radius: 3px;
      background: #909399;

      img {
        object-fit: cover;
        width: 100px;
        height: 110px;
        border-radius: 3px;
      }
    }

    .content__wrapper_container {
      margin-left: 10px;
      width: calc(100% - 110px);

      .content__item_v1_container {
        margin-top: 10px;
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -o-flex;
        align-items: flex-start;

        .text {
          width: 60px;
        }

        .value {
          width: calc(100% - 60px);
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          word-wrap: break-word;
        }
      }
    }
  }

  .detail__v2_container {
    .content__wrapper_container {
      .content__item_v1_container {
        margin-top: 10px;
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -o-flex;
        align-items: flex-start;

        .text {
          width: 80px;
        }

        .value {
          width: calc(100% - 80px);
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          word-wrap: break-word;

          .count {
            font-size: 16px;
            color: #E6A23C;
          }
        }

        .text_v2 {
          width: 50px;
        }

        .value_v2 {
          width: calc(100% - 50px);
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          word-wrap: break-word;

          .count {
            font-size: 16px;
            color: #E6A23C;
          }
        }
      }
    }
  }
}

.command {
  &__bar {
    &--container {
      width: 340px;
      position: absolute;
      z-index: 2000;
      top: 10px;
      left: 10px;
      background: #ffffff;
      border-radius: 5px;
      box-shadow: 1px 3px 10px 0px #909399;
      padding: 0;
    }

    &--tree {
      height: calc(100vh - 203px);
      overflow: hidden;

      :global(.el-tree) {
        height: calc(100vh - 245px);
        overflow-y: auto;
      }
    }
  }
}

.caseInfo {
  background-color: #ffffff;
}

.case__detail_container {
  border: 1px solid #EBEEF5;
  border-radius: 3px;
  height: calc(100vh - 380px);
  overflow-y: auto;
  max-height: 368px;

  .detail__item_container {
    border-bottom: 1px solid #EBEEF5;
    padding-bottom: 5px;
    min-height: 61px;

    .item_info_container {
      padding: 10px 10px 5px 10px;
      display: flex;
      display: -webkit-flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;

      .item_info_container_title {
        font-size: 12px;
        color: #909399;
        margin: 0 0 5px 0;
        display: flex;
        display: -webkit-flex;
        align-items: center;
      }

      .content {
        font-size: 14px;
      }

    }

    .detail__item_container:last-child {
      border-bottom: none;
    }
  }
}

.footer {
  margin-top: 5px;

  ::v-deep .el-row {
    line-height: 42px;
    height: 42px;
  }
}
